{% block html %}{% endblock %}
{% block css %}
<style type="text/css">
    body,html{padding: 0;margin: 0}
    /*flex相关设置*/
    /*****************************start**************************/
    .flex{display: flex;}
    .flex-r{display: flex;flex-direction: row;}
    .flex-c{display: flex;flex-direction: column;}

    .flex1{flex: 1;}
    .flex2{flex: 2;}
    .flex3{flex: 3;}
    .flex4{flex: 4;}
    .flex5{flex: 5;}
    .flex6{flex: 6;}
    .flex7{flex: 7;}
    .flex8{flex: 8;}
    .flex9{flex: 9;}
    .flex10{flex: 10;}
    .flex11{flex: 11;}
    .flex12{flex: 12;}

    .flex-start{display: flex;align-items:flex-start;justify-content: flex-start!important;}
    .flex-center{display: flex;align-items:center;justify-content: center!important;}
    .flex-end{display: flex;align-items:flex-end;justify-content: flex-end!important;}
    .flex-fill{display: flex;align-items:stretch;justify-content: stretch!important;}
    .flex-wrap{flex-wrap:wrap; justify-content: space-between;}
    .flex-nowrap{flex-wrap: nowrap;overflow-x: auto;}

    /**命名简短化**/
    .fls{display: flex;align-items:flex-start;justify-content: flex-start;}
    .flc{display: flex;align-items:center;justify-content: center;}
    .fle{display: flex;align-items:flex-end;justify-content: flex-end;}
    .flf{display: flex;align-items:stretch;justify-content: stretch;}
    /***常用简化***/
    .flcc{
        display: flex;flex-direction: column;
        align-items:center;justify-content: center;
    }
    .flrc{
        display: flex;flex-direction: row;
        align-items:center;justify-content: center;
    }
    .flrs{
        display: flex;flex-direction: row;
        align-items:flex-start;justify-content: flex-start;
    }
    .flre{
        display: flex;flex-direction: row;
        align-items:flex-end;justify-content: flex-end;
    }
    .flrf{
        display: flex;flex-direction: row;
        align-items:stretch;justify-content: stretch;
    }

    .flex-wrap{flex-wrap:wrap;}
    /*****************************end**************************/
    /*font字体相关*/

    /*font相关设置*/
    /*****************************start**************************/
    .tar{text-align: right;}
    .tal{text-align: left;}
    .tac{text-align: center;}
    .tam{vertical-align: middle;}

    .fs1{font-size: 0.1rem;}
    .fs2{font-size: 0.2rem;}
    .fs3{font-size: 0.3rem;}
    .fs4{font-size: 0.4rem;}
    .fs5{font-size: 0.5rem;}
    .fs6{font-size: 0.6rem;}
    .fs7{font-size: 0.7rem;}
    .fs8{font-size: 0.8rem;}
    .fs9{font-size: 0.9rem;}
    .fs10{font-size: 1rem;}
    .fs12{font-size: 1.2rem;}
    .fs14{font-size: 1.4rem;}
    .fs16{font-size: 1.6rem;}
    .fs18{font-size: 1.8rem;}
    .fs20{font-size: 2.0rem;}
    .fs24{font-size: 2.4rem;}
    .fs28{font-size: 2.8rem;}
    .fs30{font-size: 3.0rem;}
    .fs32{font-size: 3.2rem;}
    .fs36{font-size: 3.6rem;}
    .fs40{font-size: 2.5rem;}
    .fs50{font-size: 5.0rem;}
    .fs60{font-size: 6.0rem;}
    .fs70{font-size: 7.0rem;}
    .fs80{font-size: 8.0rem;}
    .fs90{font-size: 9.0rem;}
    .fs100{font-size: 10rem;}
    .fs150{font-size: 15rem;}
    .fs200{font-size: 20rem;}
    .fs250{font-size: 25rem;}
    .fs300{font-size: 30rem;}
    .fs350{font-size: 35rem;}

    .lh1{line-height: 1em;}
    .lh15{line-height: 1.5em;}
    .lh2{line-height: 2em;}

    .fwb{font-weight: bold;}
    .fwn{font-weight: normal;}

    /*****************************end**************************/

    /*color颜色相关*/

    /*c1-9 主题色*/
    /*c11-19 文本（黑）*/


    /*c1-9 变量定义不能有数字1-9改成abcdefg*/
    body{
        --c-a:#418acf;/*c1*/
        --c-b:#72a14e;/*c2*/
        --c-c:#f4e142;/*c3*/

        --c-aa:#727270;/*c11*/
        --c-ab:#c3cad2;/*c12*/
        --c-ac:#eeeff3;/*c13*/
    }
    a{
        color: #418acf;
    }

    /*****************************start**************************/
    .white{color: #FFF;}
    .black{color: #111;}
    .red{color: #CC2222;}
    .c0{color: #111;}
    .cf{color: #EFEFEF;}
    .bc0{background-color: #000000;}
    .bcf{background-color: #FFFFFF;}

    .c1{color: #418acf;}/*用户界面插画，文字加深*/
    .c2{color: #72a14e;}/*顶部导航*/
    .c3{color: #f4e142;}/*用户界面插画，普通文字*/

    .c11{color: #191919;}
    .c12{color: #9f9f9f;}
    .c13{color:#f5f5f5;}

    .bc1{ background-color: #418acf;}
    .bc2{ background-color: #72a14e;}
    .bc3{ background-color:#f4e142;}

    .bc11{ background-color: #191919;}
    .bc12{ background-color: #9f9f9f;}
    .bc13{ background-color:#f5f5f5;}

    .bca001{background-color: rgba(0,0,0,0.01);}
    .bca002{background-color: rgba(0,0,0,0.02);}
    .bca003{background-color: rgba(0,0,0,0.03);}
    .bca004{background-color: rgba(0,0,0,0.04);}
    .bca005{background-color: rgba(0,0,0,0.05);}
    .bca006{background-color: rgba(0,0,0,0.06);}
    .bca007{background-color: rgba(0,0,0,0.07);}
    .bca008{background-color: rgba(0,0,0,0.08);}
    .bca009{background-color: rgba(0,0,0,0.09);}
    .bca01{background-color: rgba(0,0,0,0.1);}
    .bca02{background-color: rgba(0,0,0,0.2);}
    .bca03{background-color: rgba(0,0,0,0.3);}
    .bca04{background-color: rgba(0,0,0,0.4);}
    .bca05{background-color: rgba(0,0,0,0.5);}
    .bca06{background-color: rgba(0,0,0,0.6);}
    .bca07{background-color: rgba(0,0,0,0.7);}
    .bca08{background-color: rgba(0,0,0,0.8);}
    .bca09{background-color: rgba(0,0,0,0.9);}

    .bcaf1{background-color: rgba(255,255,255,0.1);}
    .bcaf2{background-color: rgba(255,255,255,0.2);}
    .bcaf3{background-color: rgba(255,255,255,0.3);}
    .bcaf4{background-color: rgba(255,255,255,0.4);}
    .bcaf5{background-color: rgba(255,255,255,0.5);}
    .bcaf6{background-color: rgba(255,255,255,0.6);}
    .bcaf7{background-color: rgba(255,255,255,0.7);}
    .bcaf8{background-color: rgba(255,255,255,0.8);}
    .bcaf9{background-color: rgba(255,255,255,0.9);}

    .bdcf{border-color: #FFFFFF!important;}
    .bdc0{border-color: #000000!important;}
    .bdc1{border-color: #418acf!important;}
    .bdc2{border-color: #72a14e!important;}
    .bdc3{border-color: #f4e142!important;}
    .bdc11{border-color: #191919!important;}
    .bdc12{border-color: #9f9f9f!important;}
    .bdc13{border-color: #f5f5f5!important;}
    /*****************************end**************************/


    .c00{color:#2196f3}
    .c01{color:#66c488}
    .c02{color:#ff7947}
    .c03{color:#f3c142}
    .c04{color:#638be8}
    .c05{color:#67c2cd}
    .c06{color:#93d282}
    .c07{color:#eb6d7e}

    .bc00{background-color:#2196f3}
    .bc01{background-color:#66c488}
    .bc02{background-color:#ff7947}
    .bc03{background-color:#f3c142}
    .bc04{background-color:#638be8}
    .bc05{background-color:#67c2cd}
    .bc06{background-color:#93d282}
    .bc07{background-color:#eb6d7e}

    .bdc00{border-color:#2196f3!important}
    .bdc01{border-color:#66c488!important}
    .bdc02{border-color:#ff7947!important}
    .bdc03{border-color:#f3c142!important}
    .bdc04{border-color:#638be8!important}
    .bdc05{border-color:#67c2cd!important}
    .bdc06{border-color:#93d282!important}
    .bdc07{border-color:#eb6d7e!important}



    ::-webkit-input-placeholder{
        color:#191919;
        font-size: 0.85rem;
    }

    .jb01{
        background-image: linear-gradient(160deg, #ffce00 20%,#ff8b00 80%);
    }
    .jb02{
        background-image: linear-gradient(160deg, #81fbb8 20%,#28c76f 80%);
    }
    .jb03{
        background-image: linear-gradient(160deg, #90f7ec 20%,#32ccbc 80%);
    }
    .jb04{
        background-image: linear-gradient(160deg, #3c8ce7 20%,#00eaff 80%);
    }
    .jb05{
        background-image: linear-gradient(160deg, #feb692 20%,#ea5455 80%);
    }
    .jb06{
        background-image: linear-gradient(160deg, #abdcff 20%,#0396ff 80%);
    }
    .jb06{
        background-image: linear-gradient(160deg, #fdeb71 20%,#f8d800 80%);
    }
    /*border边框相关*/
    .shadow1{
        box-shadow: 0px 1px 5px rgba(0,0,0,0.6)
    }

    /*边框相关*/
    /*****************************start**************************/
    .bdso{border:0.091rem solid #EEE}
    .bddo{border:0.091rem dotted #EEE}
    .bdda{border:0.091rem dashed #EEE}

    .bdtso{border-top:0.091rem solid #EEE}
    .bdtdo{border-top:0.091rem dotted #EEE}
    .bdtda{border-top:0.091rem dashed #EEE}

    .bdbso{border-bottom:0.091rem solid #EEE}
    .bdbdo{border-bottom:0.091rem dotted #EEE}
    .bdbda{border-bottom:0.091rem dashed #EEE}

    .bdlso{border-left:0.091rem solid #EEE}
    .bdldo{border-left:0.091rem dotted #EEE}
    .bdlda{border-left:0.091rem dashed #EEE}

    .bdrso{border-right:0.091rem solid #EEE}
    .bdrdo{border-right:0.091rem dotted #EEE}
    .bdrda{border-right:0.091rem dashed #EEE}

    .bdw1{border-width: 0.06rem!important;}
    .bdw2{border-width: 0.12rem!important;}
    .bdw3{border-width: 0.18rem!important;}
    .bdw4{border-width: 0.24rem!important;}
    .bdw5{border-width: 0.30rem!important;}
    .bdw6{border-width: 0.36rem!important;}
    .bdw7{border-width: 0.42rem!important;}
    .bdw8{border-width: 0.48rem!important;}
    .bdw9{border-width: 0.54rem!important;}
    .bdw10{border-width: 0.6rem!important;}
    .bdw15{border-width: 0.9rem!important;}
    .bdw20{border-width: 1.2rem!important;}
    /*****************************end**************************/


    /*形状相关*/
    /*****************************start**************************/
    .round{border-radius: 50%;}
    .round1{border-radius: 0.1rem;}
    .round2{border-radius: 0.2rem;}
    .round3{border-radius: 0.3rem;}
    .round4{border-radius: 0.4rem;}
    .round5{border-radius: 0.5rem;}
    .round10{border-radius: 1.0rem;}
    .round15{border-radius: 1.5rem;}
    .round20{border-radius: 2.0rem;}
    .round25{border-radius: 2.5rem;}
    .round30{border-radius: 3.0rem;}
    .round40{border-radius: 4.0rem;}
    .round50{border-radius: 5.0rem;}
    .round60{border-radius: 6.0rem;}
    .round70{border-radius: 7.0rem;}
    /*****************************end**************************/
    /*layout布局相关设置*/

    .w1{width: 1%;}
    .w2{width: 2%;}
    .w3{width: 3%;}
    .w4{width: 4%;}
    .w5{width: 5%;}
    .w6{width: 6%;}
    .w7{width: 7%;}
    .w8{width: 8%;}
    .w9{width: 9%;}
    .w10{width: 10%;}
    .w20{
        width: 20%;
    }
    .w25{
        width: 25%;
    }
    .w30{
        width: 30%;
    }
    .w35{
        width: 35%;
    }
    .w40{
        width: 40%;
    }
    .w45{
        width: 45%;
    }
    .w50{
        width: 50%;
    }
    .w55{
        width: 55%;
    }
    .w60{
        width: 60%;
    }
    .w65{
        width: 65%;
    }
    .w70{
        width: 70%;
    }
    .w75{
        width: 75%;
    }
    .w80{
        width: 80%;
    }
    .w90{
        width: 90%;
    }
    .w100{
        width: 100%;
    }
    .h100{
        height: 100%;
    }


    .wh1-1{width: 1vw;height: 1vw;}
    .wh2-2{width: 2vw;height: 2vw;}
    .wh3-3{width: 3vw;height: 3vw;}
    .wh4-4{width: 4vw;height: 4vw;}
    .wh5-5{width: 5vw;height: 5vw;}
    .wh6-6{width: 6vw;height: 6vw;}
    .wh7-7{width: 7vw;height: 7vw;}
    .wh8-8{width: 8vw;height: 8vw;}
    .wh9-9{width: 9vw;height: 9vw;}
    .wh10-10{width: 10vw;height: 10vw;}
    .wh15-15{width: 15vw;height: 15vw;}
    .wh20-20{width: 20vw;height: 20vw;}
    .wh25-25{width: 25vw;height: 25vw;}
    .wh30-30{width: 30vw;height: 30vw;}
    .wh40-40{width: 40vw;height: 40vw;}
    .wh50-50{width: 50vw;height: 50vw;}
    .wh60-60{width: 60vw;height: 60vw;}
    .wh70-70{width: 70vw;height: 70vw;}
    .wh80-80{width: 80vw;height: 80vw;}
    .wh90-90{width: 90vw;height: 90vw;}
    .wh100-100{width: 100vw;height: 100vw;}
    .scrollX{
        overflow-x: scroll ;
    }

    /*与 scrollX 搭配使用*/
    .inlineBlock{
        display: inline-block;
    }


    /*横向滑动内容*/
    .scrollX-Box{
        overflow-x: scroll ;
        word-break: keep-all;
        white-space:  nowrap;
        word-wrap: normal;
    }
    .scrollX-Item{
        display: inline-block;
    }


    .noBreak{
        word-break: keep-all;
        white-space:  nowrap;
    }
    .noWrap{
        word-wrap: normal;
    }

    .fixed{
        position: fixed;
        z-index: 9999999999
    }

    .clear{
        clear: both;
        line-height: 0;
        height: 0;
    }

    /*边距相关*/
    /*****************************start**************************/
    .pad10{padding: 1rem;}
    .pad20{padding: 2rem;}
    .pad30{padding: 3rem;}
    .pad40{padding: 4rem;}
    .pad50{padding: 5rem;}
    .pad60{padding: 6rem;}
    .pad70{padding: 7rem;}
    .pad80{padding: 8rem;}
    .pad90{padding: 9rem;}
    .pad100{padding: 10rem;}

    .mar10{margin: 1rem;}
    .mar20{margin: 2rem;}
    .mar30{margin: 3rem;}
    .mar40{margin: 4rem;}
    .mar50{margin: 5rem;}
    .mar60{margin: 6rem;}
    .mar70{margin: 7rem;}
    .mar80{margin: 8rem;}
    .mar90{margin: 9rem;}
    .mar100{margin: 10rem;}

    .padt10{padding-top: 1rem;}
    .padt20{padding-top: 2rem;}
    .padt30{padding-top: 3rem;}
    .padt40{padding-top: 4rem;}
    .padt50{padding-top: 5rem;}
    .padt60{padding-top: 6rem;}
    .padt70{padding-top: 7rem;}
    .padt80{padding-top: 8rem;}
    .padt90{padding-top: 9rem;}
    .padt100{padding-top: 10rem;}

    .mart10{margin-top: 1rem;}
    .mart20{margin-top: 2rem;}
    .mart30{margin-top: 3rem;}
    .mart40{margin-top: 4rem;}
    .mart50{margin-top: 5rem;}
    .mart60{margin-top: 6rem;}
    .mart70{margin-top: 7rem;}
    .mart80{margin-top: 8rem;}
    .mart90{margin-top: 9rem;}
    .mart100{margin-top: 10rem;}

    .padr10{padding-right: 1rem;}
    .padr20{padding-right: 2rem;}
    .padr30{padding-right: 3rem;}
    .padr40{padding-right: 4rem;}
    .padr50{padding-right: 5rem;}
    .padr60{padding-right: 6rem;}
    .padr70{padding-right: 7rem;}
    .padr80{padding-right: 8rem;}
    .padr90{padding-right: 9rem;}
    .padr100{padding-right: 10rem;}

    .marr10{margin-right: 1rem;}
    .marr20{margin-right: 2rem;}
    .marr30{margin-right: 3rem;}
    .marr40{margin-right: 4rem;}
    .marr50{margin-right: 5rem;}
    .marr60{margin-right: 6rem;}
    .marr70{margin-right: 7rem;}
    .marr80{margin-right: 8rem;}
    .marr90{margin-right: 9rem;}
    .marr100{margin-right: 10rem;}

    .padb10{padding-bottom: 1rem;}
    .padb20{padding-bottom: 2rem;}
    .padb30{padding-bottom: 3rem;}
    .padb40{padding-bottom: 4rem;}
    .padb50{padding-bottom: 5rem;}
    .padb60{padding-bottom: 6rem;}
    .padb70{padding-bottom: 7rem;}
    .padb80{padding-bottom: 8rem;}
    .padb90{padding-bottom: 9rem;}
    .padb100{padding-bottom: 10rem;}

    .marb10{margin-bottom: 1rem;}
    .marb20{margin-bottom: 2rem;}
    .marb30{margin-bottom: 3rem;}
    .marb40{margin-bottom: 4rem;}
    .marb50{margin-bottom: 5rem;}
    .marb60{margin-bottom: 6rem;}
    .marb70{margin-bottom: 7rem;}
    .marb80{margin-bottom: 8rem;}
    .marb90{margin-bottom: 9rem;}
    .marb100{margin-bottom: 10rem;}

    .padl10{padding-left: 1rem;}
    .padl20{padding-left: 2rem;}
    .padl30{padding-left: 3rem;}
    .padl40{padding-left: 4rem;}
    .padl50{padding-left: 5rem;}
    .padl60{padding-left: 6rem;}
    .padl70{padding-left: 7rem;}
    .padl80{padding-left: 8rem;}
    .padl90{padding-left: 9rem;}
    .padl100{padding-left: 10rem;}

    .marl10{margin-left: 1rem;}
    .marl20{margin-left: 2rem;}
    .marl30{margin-left: 3rem;}
    .marl40{margin-left: 4rem;}
    .marl50{margin-left: 5rem;}
    .marl60{margin-left: 6rem;}
    .marl70{margin-left: 7rem;}
    .marl80{margin-left: 8rem;}
    .marl90{margin-left: 9rem;}
    .marl100{margin-left: 10rem;}
    /*****************************end**************************/


    /*边距相关--追加*/
    /*****************************start**************************/
    .pad1{padding: 0.1rem;}
    .pad2{padding: 0.2rem;}
    .pad3{padding: 0.3rem;}
    .pad4{padding: 0.4rem;}
    .pad5{padding: 0.5rem;}
    .pad6{padding: 0.6rem;}
    .pad7{padding: 0.7rem;}
    .pad8{padding: 0.8rem;}
    .pad9{padding: 0.9em;}

    .mar1{margin: 0.1rem;}
    .mar2{margin: 0.2rem;}
    .mar3{margin: 0.3rem;}
    .mar4{margin: 0.4rem;}
    .mar5{margin: 0.5rem;}
    .mar6{margin: 0.6rem;}
    .mar7{margin: 0.7rem;}
    .mar8{margin: 0.8rem;}
    .mar9{margin: 0.9em;}

    .padt1{padding-top: 0.1rem;}
    .padt2{padding-top: 0.2rem;}
    .padt3{padding-top: 0.3rem;}
    .padt4{padding-top: 0.4rem;}
    .padt5{padding-top: 0.5rem;}
    .padt6{padding-top: 0.6rem;}
    .padt7{padding-top: 0.7rem;}
    .padt8{padding-top: 0.8rem;}
    .padt9{padding-top: 0.9em;}

    .mart1{margin-top: 0.1rem;}
    .mart2{margin-top: 0.2rem;}
    .mart3{margin-top: 0.3rem;}
    .mart4{margin-top: 0.4rem;}
    .mart5{margin-top: 0.5rem;}
    .mart6{margin-top: 0.6rem;}
    .mart7{margin-top: 0.7rem;}
    .mart8{margin-top: 0.8rem;}
    .mart9{margin-top: 0.9em;}

    .padr1{padding-right: 0.1rem;}
    .padr2{padding-right: 0.2rem;}
    .padr3{padding-right: 0.3rem;}
    .padr4{padding-right: 0.4rem;}
    .padr5{padding-right: 0.5rem;}
    .padr6{padding-right: 0.6rem;}
    .padr7{padding-right: 0.7rem;}
    .padr8{padding-right: 0.8rem;}
    .padr9{padding-right: 0.9em;}

    .marr1{margin-right: 0.1rem;}
    .marr2{margin-right: 0.2rem;}
    .marr3{margin-right: 0.3rem;}
    .marr4{margin-right: 0.4rem;}
    .marr5{margin-right: 0.5rem;}
    .marr6{margin-right: 0.6rem;}
    .marr7{margin-right: 0.7rem;}
    .marr8{margin-right: 0.8rem;}
    .marr9{margin-right: 0.9em;}

    .padb1{padding-bottom: 0.1rem;}
    .padb2{padding-bottom: 0.2rem;}
    .padb3{padding-bottom: 0.3rem;}
    .padb4{padding-bottom: 0.4rem;}
    .padb5{padding-bottom: 0.5rem;}
    .padb6{padding-bottom: 0.6rem;}
    .padb7{padding-bottom: 0.7rem;}
    .padb8{padding-bottom: 0.8rem;}
    .padb9{padding-bottom: 0.9em;}

    .marb1{margin-bottom: 0.1rem;}
    .marb2{margin-bottom: 0.2rem;}
    .marb3{margin-bottom: 0.3rem;}
    .marb4{margin-bottom: 0.4rem;}
    .marb5{margin-bottom: 0.5rem;}
    .marb6{margin-bottom: 0.6rem;}
    .marb7{margin-bottom: 0.7rem;}
    .marb8{margin-bottom: 0.8rem;}
    .marb9{margin-bottom: 0.9em;}

    .padl1{padding-left: 0.1rem;}
    .padl2{padding-left: 0.2rem;}
    .padl3{padding-left: 0.3rem;}
    .padl4{padding-left: 0.4rem;}
    .padl5{padding-left: 0.5rem;}
    .padl6{padding-left: 0.6rem;}
    .padl7{padding-left: 0.7rem;}
    .padl8{padding-left: 0.8rem;}
    .padl9{padding-left: 0.9em;}

    .marl1{margin-left: 0.1rem;}
    .marl2{margin-left: 0.2rem;}
    .marl3{margin-left: 0.3rem;}
    .marl4{margin-left: 0.4rem;}
    .marl5{margin-left: 0.5rem;}
    .marl6{margin-left: 0.6rem;}
    .marl7{margin-left: 0.7rem;}
    .marl8{margin-left: 0.8rem;}
    .marl9{margin-left: 0.9em;}



    /*两个边*/

    .padtb1{padding-top: 0.1rem;padding-bottom: 0.1rem;}
    .padtb2{padding-top: 0.2rem;padding-bottom: 0.2rem;}
    .padtb3{padding-top: 0.3rem;padding-bottom: 0.3rem;}
    .padtb4{padding-top: 0.4rem;padding-bottom: 0.4rem;}
    .padtb5{padding-top: 0.5rem;padding-bottom: 0.5rem;}
    .padtb6{padding-top: 0.6rem;padding-bottom: 0.6rem;}
    .padtb7{padding-top: 0.7rem;padding-bottom: 0.7rem;}
    .padtb8{padding-top: 0.8rem;padding-bottom: 0.8rem;}
    .padtb9{padding-top: 0.9rem;padding-bottom: 0.9rem;}


    .padlr1{padding-left: 0.1rem;padding-right: 0.1rem;}
    .padlr2{padding-left: 0.2rem;padding-right: 0.2rem;}
    .padlr3{padding-left: 0.3rem;padding-right: 0.3rem;}
    .padlr4{padding-left: 0.4rem;padding-right: 0.4rem;}
    .padlr5{padding-left: 0.5rem;padding-right: 0.5rem;}
    .padlr6{padding-left: 0.6rem;padding-right: 0.6rem;}
    .padlr7{padding-left: 0.7rem;padding-right: 0.7rem;}
    .padlr8{padding-left: 0.8rem;padding-right: 0.8rem;}
    .padlr9{padding-left: 0.9rem;padding-right: 0.9rem;}





    .martb1{margin-top: 0.1rem;margin-bottom: 0.1rem;}
    .martb2{margin-top: 0.2rem;margin-bottom: 0.2rem;}
    .martb3{margin-top: 0.3rem;margin-bottom: 0.3rem;}
    .martb4{margin-top: 0.4rem;margin-bottom: 0.4rem;}
    .martb5{margin-top: 0.5rem;margin-bottom: 0.5rem;}
    .martb6{margin-top: 0.6rem;margin-bottom: 0.6rem;}
    .martb7{margin-top: 0.7rem;margin-bottom: 0.7rem;}
    .martb8{margin-top: 0.8rem;margin-bottom: 0.8rem;}
    .martb9{margin-top: 0.9rem;margin-bottom: 0.9rem;}



    .marlr1{margin-left: 0.1rem;margin-right: 0.1rem;}
    .marlr2{margin-left: 0.2rem;margin-right: 0.2rem;}
    .marlr3{margin-left: 0.3rem;margin-right: 0.3rem;}
    .marlr4{margin-left: 0.4rem;margin-right: 0.4rem;}
    .marlr5{margin-left: 0.5rem;margin-right: 0.5rem;}
    .marlr6{margin-left: 0.6rem;margin-right: 0.6rem;}
    .marlr7{margin-left: 0.7rem;margin-right: 0.7rem;}
    .marlr8{margin-left: 0.8rem;margin-right: 0.8rem;}
    .marlr9{margin-left: 0.9rem;margin-right: 0.9rem;}


    /*****************************end**************************/

    /*layout布局相关设置*/

    .pos-r{
        position: relative;
    }

    .pos-a{
        position: absolute;
    }

    .pos-f{
        position: fixed;
        z-index: 999;
    }


    /*边距相关*/
    /*****************************start**************************/
    .t10{top: 1rem;}
    .t20{top: 2rem;}
    .t30{top: 3rem;}
    .t40{top: 4rem;}
    .t50{top: 5rem;}
    .t60{top: 6rem;}
    .t70{top: 7rem;}
    .t80{top: 8rem;}
    .t90{top: 9rem;}
    .t100{top: 10rem;}

    .r10{right: 1rem;}
    .r20{right: 2rem;}
    .r30{right: 3rem;}
    .r40{right: 4rem;}
    .r50{right: 5rem;}
    .r60{right: 6rem;}
    .r70{right: 7rem;}
    .r80{right: 8rem;}
    .r90{right: 9rem;}
    .r100{right: 10rem;}

    .b10{bottom: 1rem;}
    .b20{bottom: 2rem;}
    .b30{bottom: 3rem;}
    .b40{bottom: 4rem;}
    .b50{bottom: 5rem;}
    .b60{bottom: 6rem;}
    .b70{bottom: 7rem;}
    .b80{bottom: 8rem;}
    .b90{bottom: 9rem;}
    .b100{bottom: 10rem;}


    .l10{left: 1rem;}
    .l20{left: 2rem;}
    .l30{left: 3rem;}
    .l40{left: 4rem;}
    .l50{left: 5rem;}
    .l60{left: 6rem;}
    .l70{left: 7rem;}
    .l80{left: 8rem;}
    .l90{left: 9rem;}
    .l100{left: 10rem;}

    /*****************************end**************************/


    /*边距相关--追加*/
    /*****************************start**************************/

    .t0{  top:0;  }
    .b0{  bottom:0;  }
    .l0{  left:0;  }
    .r0{  right:0;  }

    .t1{top: 0.1rem;}
    .t2{top: 0.2rem;}
    .t3{top: 0.3rem;}
    .t4{top: 0.4rem;}
    .t5{top: 0.5rem;}
    .t6{top: 0.6rem;}
    .t7{top: 0.7rem;}
    .t8{top: 0.8rem;}
    .t9{top: 0.9em;}

    .r1{right: 0.1rem;}
    .r2{right: 0.2rem;}
    .r3{right: 0.3rem;}
    .r4{right: 0.4rem;}
    .r5{right: 0.5rem;}
    .r6{right: 0.6rem;}
    .r7{right: 0.7rem;}
    .r8{right: 0.8rem;}
    .r9{right: 0.9em;}

    .b1{bottom: 0.1rem;}
    .b2{bottom: 0.2rem;}
    .b3{bottom: 0.3rem;}
    .b4{bottom: 0.4rem;}
    .b5{bottom: 0.5rem;}
    .b6{bottom: 0.6rem;}
    .b7{bottom: 0.7rem;}
    .b8{bottom: 0.8rem;}
    .b9{bottom: 0.9em;}

    .l1{left: 0.1rem;}
    .l2{left: 0.2rem;}
    .l3{left: 0.3rem;}
    .l4{left: 0.4rem;}
    .l5{left: 0.5rem;}
    .l6{left: 0.6rem;}
    .l7{left: 0.7rem;}
    .l8{left: 0.8rem;}
    .l9{left: 0.9em;}

    .t-1{top: -0.1rem;}
    .t-2{top: -0.2rem;}
    .t-3{top: -0.3rem;}
    .t-4{top: -0.4rem;}
    .t-5{top: -0.5rem;}
    .t-6{top: -0.6rem;}
    .t-7{top: -0.7rem;}
    .t-8{top: -0.8rem;}
    .t-9{top: -0.9em;}

    .r-1{right: -0.1rem;}
    .r-2{right: -0.2rem;}
    .r-3{right: -0.3rem;}
    .r-4{right: -0.4rem;}
    .r-5{right: -0.5rem;}
    .r-6{right: -0.6rem;}
    .r-7{right: -0.7rem;}
    .r-8{right: -0.8rem;}
    .r-9{right: -0.9em;}

    .b-1{bottom: -0.1rem;}
    .b-2{bottom: -0.2rem;}
    .b-3{bottom: -0.3rem;}
    .b-4{bottom: -0.4rem;}
    .b-5{bottom: -0.5rem;}
    .b-6{bottom: -0.6rem;}
    .b-7{bottom: -0.7rem;}
    .b-8{bottom: -0.8rem;}
    .b-9{bottom: -0.9em;}

    .l-1{left: -0.1rem;}
    .l-2{left: -0.2rem;}
    .l-3{left: -0.3rem;}
    .l-4{left: -0.4rem;}
    .l-5{left: -0.5rem;}
    .l-6{left: -0.6rem;}
    .l-7{left: -0.7rem;}
    .l-8{left: -0.8rem;}
    .l-9{left: -0.9em;}
    /*****************************end**************************/


</style>
{% endblock %}